﻿<!DOCTYPE html>
<html>
  <head>
    <title>2.2播放方式</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <link href="resources/css/axure_rp_page.css" type="text/css" rel="stylesheet"/>
    <link href="data/styles.css" type="text/css" rel="stylesheet"/>
    <link href="files/2_2播放方式/styles.css" type="text/css" rel="stylesheet"/>
    <script src="resources/scripts/jquery-3.2.1.min.js"></script>
    <script src="resources/scripts/axure/axQuery.js"></script>
    <script src="resources/scripts/axure/globals.js"></script>
    <script src="resources/scripts/axutils.js"></script>
    <script src="resources/scripts/axure/annotation.js"></script>
    <script src="resources/scripts/axure/axQuery.std.js"></script>
    <script src="resources/scripts/axure/doc.js"></script>
    <script src="resources/scripts/messagecenter.js"></script>
    <script src="resources/scripts/axure/events.js"></script>
    <script src="resources/scripts/axure/recording.js"></script>
    <script src="resources/scripts/axure/action.js"></script>
    <script src="resources/scripts/axure/expr.js"></script>
    <script src="resources/scripts/axure/geometry.js"></script>
    <script src="resources/scripts/axure/flyout.js"></script>
    <script src="resources/scripts/axure/model.js"></script>
    <script src="resources/scripts/axure/repeater.js"></script>
    <script src="resources/scripts/axure/sto.js"></script>
    <script src="resources/scripts/axure/utils.temp.js"></script>
    <script src="resources/scripts/axure/variables.js"></script>
    <script src="resources/scripts/axure/drag.js"></script>
    <script src="resources/scripts/axure/move.js"></script>
    <script src="resources/scripts/axure/visibility.js"></script>
    <script src="resources/scripts/axure/style.js"></script>
    <script src="resources/scripts/axure/adaptive.js"></script>
    <script src="resources/scripts/axure/tree.js"></script>
    <script src="resources/scripts/axure/init.temp.js"></script>
    <script src="resources/scripts/axure/legacy.js"></script>
    <script src="resources/scripts/axure/viewer.js"></script>
    <script src="resources/scripts/axure/math.js"></script>
    <script src="resources/scripts/axure/jquery.nicescroll.min.js"></script>
    <script src="data/document.js"></script>
    <script src="files/2_2播放方式/data.js"></script>
    <script type="text/javascript">
      $axure.utils.getTransparentGifPath = function() { return 'resources/images/transparent.gif'; };
      $axure.utils.getOtherPath = function() { return 'resources/Other.html'; };
      $axure.utils.getReloadPath = function() { return 'resources/reload.html'; };
    </script>
  </head>
  <body>
    <div id="base" class="">

      <!-- Rectangle (矩形) -->
      <div id="u310" class="ax_default _形状" data-label="Rectangle">
        <div id="u310_div" class=""></div>
        <div id="u310_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Rectangle (矩形) -->
      <div id="u311" class="ax_default _形状" data-label="Rectangle">
        <div id="u311_div" class=""></div>
        <div id="u311_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (圆形) -->
      <div id="u312" class="ax_default ellipse">
        <img id="u312_img" class="img " src="images/1_1天气/u14.svg"/>
        <div id="u312_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (圆形) -->
      <div id="u313" class="ax_default ellipse">
        <img id="u313_img" class="img " src="images/1_1天气/u30.svg"/>
        <div id="u313_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u314" class="ax_default _一级标题">
        <div id="u314_div" class=""></div>
        <div id="u314_text" class="text ">
          <p><span>5：20</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u315" class="ax_default label">
        <div id="u315_div" class=""></div>
        <div id="u315_text" class="text ">
          <p><span>2022/2/22 星期二</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u316" class="ax_default _一级标题">
        <div id="u316_div" class=""></div>
        <div id="u316_text" class="text ">
          <p><span>起床，干饭啦</span></p>
        </div>
      </div>

      <!-- Unnamed (图片 ) -->
      <div id="u317" class="ax_default image">
        <img id="u317_img" class="img " src="images/1_1天气/u34.png"/>
        <div id="u317_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (图片 ) -->
      <div id="u318" class="ax_default image">
        <img id="u318_img" class="img " src="images/1_1天气/u35.png"/>
        <div id="u318_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (图片 ) -->
      <div id="u319" class="ax_default image">
        <img id="u319_img" class="img " src="images/1_1天气/u36.png"/>
        <div id="u319_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u320" class="ax_default _二级标题">
        <div id="u320_div" class=""></div>
        <div id="u320_text" class="text ">
          <p><span>22°C&nbsp; 晴天&nbsp; 天气良&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; </span></p>
        </div>
      </div>

      <!-- Unnamed (单选按钮) -->
      <div id="u321" class="ax_default radio_button">
        <label id="u321_input_label" for="u321_input" style="position: absolute; left: 0px;">
          <img id="u321_img" class="img " src="images/2_1闹钟设定/u199.svg"/>
          <div id="u321_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </label>
        <input id="u321_input" type="radio" value="radio" name="u321"/>
      </div>

      <!-- Unnamed (单选按钮) -->
      <div id="u322" class="ax_default radio_button">
        <label id="u322_input_label" for="u322_input" style="position: absolute; left: 0px;">
          <img id="u322_img" class="img " src="images/2_1闹钟设定/u200.svg"/>
          <div id="u322_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </label>
        <input id="u322_input" type="radio" value="radio" name="u322"/>
      </div>

      <!-- Rectangle (矩形) -->
      <div id="u323" class="ax_default _形状" data-label="Rectangle">
        <div id="u323_div" class=""></div>
        <div id="u323_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (圆形) -->
      <div id="u324" class="ax_default ellipse">
        <img id="u324_img" class="img " src="images/1_1天气/u14.svg"/>
        <div id="u324_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (圆形) -->
      <div id="u325" class="ax_default ellipse">
        <img id="u325_img" class="img " src="images/1_1天气/u30.svg"/>
        <div id="u325_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u326" class="ax_default _一级标题">
        <div id="u326_div" class=""></div>
        <div id="u326_text" class="text ">
          <p><span>5：20</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u327" class="ax_default label">
        <div id="u327_div" class=""></div>
        <div id="u327_text" class="text ">
          <p><span>2022/2/22 星期二</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u328" class="ax_default _一级标题">
        <div id="u328_div" class=""></div>
        <div id="u328_text" class="text ">
          <p><span>起床，干饭啦</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u329" class="ax_default _二级标题">
        <div id="u329_div" class=""></div>
        <div id="u329_text" class="text ">
          <p><span>22°C&nbsp; 晴天&nbsp; 天气良&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; </span></p>
        </div>
      </div>

      <!-- Unnamed (单选按钮) -->
      <div id="u330" class="ax_default radio_button">
        <label id="u330_input_label" for="u330_input" style="position: absolute; left: 0px;">
          <img id="u330_img" class="img " src="images/2_1闹钟设定/u208.svg"/>
          <div id="u330_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </label>
        <input id="u330_input" type="radio" value="radio" name="u330"/>
      </div>

      <!-- Unnamed (单选按钮) -->
      <div id="u331" class="ax_default radio_button">
        <label id="u331_input_label" for="u331_input" style="position: absolute; left: 0px;">
          <img id="u331_img" class="img " src="images/2_1闹钟设定/u209.svg"/>
          <div id="u331_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </label>
        <input id="u331_input" type="radio" value="radio" name="u331"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u332" class="ax_default _文本段落">
        <div id="u332_div" class=""></div>
        <div id="u332_text" class="text ">
          <p><span>1.点击底部的&quot;闹钟&quot;按钮切换到【闹钟-首页】界面</span></p><p><span><br></span></p><p><span><br></span></p>
        </div>
      </div>

      <!-- Unnamed (图片 ) -->
      <div id="u333" class="ax_default image">
        <img id="u333_img" class="img " src="images/1_1天气/u124.png"/>
        <div id="u333_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (图片 ) -->
      <div id="u334" class="ax_default image">
        <img id="u334_img" class="img " src="images/1_1天气/u124.png"/>
        <div id="u334_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u335" class="ax_default" data-left="147" data-top="519" data-width="388" data-height="7">

        <!-- Unnamed (线段) -->
        <div id="u336" class="compound ax_default _水平线" data-height="1" data-width="382" CompoundMode="true">
          <img id="u336_img" class="singleImg img " src="images/1_1天气/u129.svg"/>
          <div id="u336p000" class="ax_vector_shape" WidgetTopLeftX="-0.492268041237113" WidgetTopLeftY="0" WidgetTopRightX="0.492268041237113" WidgetTopRightY="0" WidgetBottomLeftX="-0.492268041237113" WidgetBottomLeftY="0.166666666666667" WidgetBottomRightX="0.492268041237113" WidgetBottomRightY="0.166666666666667">
            <img id="u336p000_img" class="img " src="images/2_1闹钟设定/u214p000.svg"/>
          </div>
          <div id="u336p001" class="ax_vector_shape" WidgetTopLeftX="-0.25" WidgetTopLeftY="-0.25" WidgetTopRightX="95.25" WidgetTopRightY="-0.25" WidgetBottomLeftX="-0.25" WidgetBottomLeftY="0" WidgetBottomRightX="95.25" WidgetBottomRightY="0">
            <img id="u336p001_img" class="img " src="images/2_1闹钟设定/u214p001.svg"/>
          </div>
          <div id="u336p002" class="ax_vector_shape" WidgetTopLeftX="17.1818181818182" WidgetTopLeftY="0.05" WidgetTopRightX="-0.181818181818182" WidgetTopRightY="0.05" WidgetBottomLeftX="17.1818181818182" WidgetBottomLeftY="0" WidgetBottomRightX="-0.181818181818182" WidgetBottomRightY="0">
            <img id="u336p002_img" class="img " src="images/2_1闹钟设定/u214p002.svg"/>
          </div>
          <div id="u336_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u337" class="ax_default _形状">
          <div id="u337_div" class=""></div>
          <div id="u337_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u338" class="ax_default _文本段落">
        <div id="u338_div" class=""></div>
        <div id="u338_text" class="text ">
          <p><span>1. 打开app,默认进入【app-首页】</span></p><p><span><br></span></p><p><span>2.随着闹钟的响起，闹铃和语音的播放，两个“小球”会围绕着内圈一直转</span></p><p><span><br></span></p><p><span>3.轻触屏幕会弹出底部导航栏，闹钟随即停止，两个“小球”也会停止转动</span></p><p><span><br></span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u339" class="ax_default _一级标题">
        <div id="u339_div" class=""></div>
        <div id="u339_text" class="text ">
          <p><span>APP-首页</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u340" class="ax_default _一级标题">
        <div id="u340_div" class=""></div>
        <div id="u340_text" class="text ">
          <p><span>APP-首页</span></p>
        </div>
      </div>

      <!-- Rectangle (矩形) -->
      <div id="u341" class="ax_default _形状" data-label="Rectangle">
        <div id="u341_div" class=""></div>
        <div id="u341_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Rectangle (矩形) -->
      <div id="u342" class="ax_default _形状" data-label="Rectangle">
        <div id="u342_div" class=""></div>
        <div id="u342_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Rectangle (矩形) -->
      <div id="u343" class="ax_default _形状" data-label="Rectangle">
        <div id="u343_div" class=""></div>
        <div id="u343_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Rectangle (矩形) -->
      <div id="u344" class="ax_default _形状" data-label="Rectangle">
        <div id="u344_div" class=""></div>
        <div id="u344_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Rectangle (矩形) -->
      <div id="u345" class="ax_default _形状" data-label="Rectangle">
        <div id="u345_div" class=""></div>
        <div id="u345_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u346" class="ax_default" data-left="1167" data-top="374" data-width="49" data-height="28">

        <!-- Unnamed (矩形) -->
        <div id="u347" class="ax_default _形状">
          <div id="u347_div" class=""></div>
          <div id="u347_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u348" class="ax_default _形状">
          <div id="u348_div" class=""></div>
          <div id="u348_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u349" class="ax_default" data-left="1167" data-top="494" data-width="49" data-height="28">

        <!-- Unnamed (矩形) -->
        <div id="u350" class="ax_default _形状">
          <div id="u350_div" class=""></div>
          <div id="u350_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u351" class="ax_default _形状">
          <div id="u351_div" class=""></div>
          <div id="u351_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u352" class="ax_default" data-left="1167" data-top="434" data-width="49" data-height="28">

        <!-- Unnamed (矩形) -->
        <div id="u353" class="ax_default _形状">
          <div id="u353_div" class=""></div>
          <div id="u353_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u354" class="ax_default _形状">
          <div id="u354_div" class=""></div>
          <div id="u354_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (图片 ) -->
      <div id="u355" class="ax_default image">
        <img id="u355_img" class="img " src="images/2_1闹钟设定/u233.png"/>
        <div id="u355_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (图片 ) -->
      <div id="u356" class="ax_default image">
        <img id="u356_img" class="img " src="images/1_1天气/u90.png"/>
        <div id="u356_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (圆形) -->
      <div id="u357" class="ax_default ellipse">
        <img id="u357_img" class="img " src="images/1_1天气/u14.svg"/>
        <div id="u357_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (圆形) -->
      <div id="u358" class="ax_default ellipse">
        <img id="u358_img" class="img " src="images/1_1天气/u30.svg"/>
        <div id="u358_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u359" class="ax_default _一级标题">
        <div id="u359_div" class=""></div>
        <div id="u359_text" class="text ">
          <p><span>5：20</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u360" class="ax_default label">
        <div id="u360_div" class=""></div>
        <div id="u360_text" class="text ">
          <p><span>2022/2/22 星期二</span></p>
        </div>
      </div>

      <!-- Unnamed (图片 ) -->
      <div id="u361" class="ax_default image">
        <img id="u361_img" class="img " src="images/2_1闹钟设定/u239.png"/>
        <div id="u361_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (图片 ) -->
      <div id="u362" class="ax_default image">
        <img id="u362_img" class="img " src="images/1_1天气/u68.png"/>
        <div id="u362_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u363" class="ax_default _三级标题">
        <div id="u363_div" class=""></div>
        <div id="u363_text" class="text ">
          <p><span>7：00</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u364" class="ax_default _三级标题">
        <div id="u364_div" class=""></div>
        <div id="u364_text" class="text ">
          <p><span>7：30</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u365" class="ax_default _三级标题">
        <div id="u365_div" class=""></div>
        <div id="u365_text" class="text ">
          <p><span>18：00</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u366" class="ax_default label">
        <div id="u366_div" class=""></div>
        <div id="u366_text" class="text ">
          <p><span>工作日</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u367" class="ax_default label">
        <div id="u367_div" class=""></div>
        <div id="u367_text" class="text ">
          <p><span>工作日</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u368" class="ax_default label">
        <div id="u368_div" class=""></div>
        <div id="u368_text" class="text ">
          <p><span>每天</span></p>
        </div>
      </div>

      <!-- Unnamed (图片 ) -->
      <div id="u369" class="ax_default image">
        <img id="u369_img" class="img " src="images/1_1天气/u36.png"/>
        <div id="u369_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (图片 ) -->
      <div id="u370" class="ax_default image">
        <img id="u370_img" class="img " src="images/1_1天气/u35.png"/>
        <div id="u370_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (单选按钮) -->
      <div id="u371" class="ax_default radio_button">
        <label id="u371_input_label" for="u371_input" style="position: absolute; left: 0px;">
          <img id="u371_img" class="img " src="images/2_1闹钟设定/u249.svg"/>
          <div id="u371_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </label>
        <input id="u371_input" type="radio" value="radio" name="u371"/>
      </div>

      <!-- Unnamed (单选按钮) -->
      <div id="u372" class="ax_default radio_button">
        <label id="u372_input_label" for="u372_input" style="position: absolute; left: 0px;">
          <img id="u372_img" class="img " src="images/2_1闹钟设定/u250.svg"/>
          <div id="u372_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </label>
        <input id="u372_input" type="radio" value="radio" name="u372"/>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u373" class="ax_default" data-left="650" data-top="576" data-width="299" data-height="7">

        <!-- Unnamed (线段) -->
        <div id="u374" class="compound ax_default _水平线" data-height="1" data-width="294" CompoundMode="true">
          <img id="u374_img" class="singleImg img " src="images/2_1闹钟设定/u252.svg"/>
          <div id="u374p000" class="ax_vector_shape" WidgetTopLeftX="-0.49" WidgetTopLeftY="-0.166666666666667" WidgetTopRightX="0.49" WidgetTopRightY="-0.166666666666667" WidgetBottomLeftX="-0.49" WidgetBottomLeftY="0" WidgetBottomRightX="0.49" WidgetBottomRightY="0">
            <img id="u374p000_img" class="img " src="images/2_1闹钟设定/u252p000.svg"/>
          </div>
          <div id="u374p001" class="ax_vector_shape" WidgetTopLeftX="-0.25" WidgetTopLeftY="-0.5" WidgetTopRightX="73.25" WidgetTopRightY="-0.5" WidgetBottomLeftX="-0.25" WidgetBottomLeftY="0" WidgetBottomRightX="73.25" WidgetBottomRightY="0">
            <img id="u374p001_img" class="img " src="images/2_1闹钟设定/u252p001.svg"/>
          </div>
          <div id="u374p002" class="ax_vector_shape" WidgetTopLeftX="13.1818181818182" WidgetTopLeftY="0" WidgetTopRightX="-0.181818181818182" WidgetTopRightY="0" WidgetBottomLeftX="13.1818181818182" WidgetBottomLeftY="-0.05" WidgetBottomRightX="-0.181818181818182" WidgetBottomRightY="-0.05">
            <img id="u374p002_img" class="img " src="images/2_1闹钟设定/u252p002.svg"/>
          </div>
          <div id="u374_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u375" class="ax_default _形状">
          <div id="u375_div" class=""></div>
          <div id="u375_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (图片 ) -->
      <div id="u376" class="ax_default image">
        <img id="u376_img" class="img " src="images/1_1天气/u127.png"/>
        <div id="u376_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u377" class="ax_default _一级标题">
        <div id="u377_div" class=""></div>
        <div id="u377_text" class="text ">
          <p><span>闹钟-首页</span></p>
        </div>
      </div>

      <!-- Unnamed (图片 ) -->
      <div id="u378" class="ax_default image">
        <img id="u378_img" class="img " src="images/1_1天气/u124.png"/>
        <div id="u378_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u379" class="ax_default _一级标题">
        <div id="u379_div" class=""></div>
        <div id="u379_text" class="text ">
          <p><span>闹钟-添加闹钟</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u380" class="ax_default _文本段落">
        <div id="u380_div" class=""></div>
        <div id="u380_text" class="text ">
          <p><span>1.点击底部的&quot;添加&quot;按钮切换到【闹钟-添加闹钟】界面</span></p><p><span><br></span></p><p><span>2.点击“开关”按钮，可以选择闹钟的时间</span></p><p><span><br></span></p><p><span>3.【闹钟-添加闹钟】界面中最前边的“天气”图标是与【1.1天气】界面中的天气实时同步</span></p>
        </div>
      </div>

      <!-- Unnamed (图片 ) -->
      <div id="u381" class="ax_default image">
        <img id="u381_img" class="img " src="images/1_1天气/u124.png"/>
        <div id="u381_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u382" class="ax_default" data-left="937" data-top="54" data-width="308" data-height="24">

        <!-- Unnamed (矩形) -->
        <div id="u383" class="ax_default _形状">
          <div id="u383_div" class=""></div>
          <div id="u383_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u384" class="ax_default" data-left="943" data-top="63" data-width="37" data-height="5">

          <!-- Unnamed (矩形) -->
          <div id="u385" class="ax_default _形状">
            <img id="u385_img" class="img " src="images/1_1天气/u18.svg"/>
            <div id="u385_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u386" class="ax_default _形状">
            <img id="u386_img" class="img " src="images/1_1天气/u18.svg"/>
            <div id="u386_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u387" class="ax_default _形状">
            <img id="u387_img" class="img " src="images/1_1天气/u18.svg"/>
            <div id="u387_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u388" class="ax_default _形状">
            <img id="u388_img" class="img " src="images/1_1天气/u18.svg"/>
            <div id="u388_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u389" class="ax_default _形状">
            <img id="u389_img" class="img " src="images/1_1天气/u18.svg"/>
            <div id="u389_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u390" class="ax_default" data-left="1214" data-top="61" data-width="25" data-height="10">

          <!-- Unnamed (矩形) -->
          <div id="u391" class="ax_default _形状">
            <div id="u391_div" class=""></div>
            <div id="u391_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u392" class="ax_default _形状">
            <div id="u392_div" class=""></div>
            <div id="u392_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u393" class="ax_default _形状">
            <div id="u393_div" class=""></div>
            <div id="u393_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>
        </div>
      </div>

      <!-- Header 2 (矩形) -->
      <div id="u394" class="ax_default _文本段落" data-label="Header 2">
        <div id="u394_div" class=""></div>
        <div id="u394_text" class="text ">
          <p><span>MUX</span></p>
        </div>
      </div>

      <!-- Header 2 (矩形) -->
      <div id="u395" class="ax_default _文本段落" data-label="Header 2">
        <div id="u395_div" class=""></div>
        <div id="u395_text" class="text ">
          <p><span>10:30 PM</span></p>
        </div>
      </div>

      <!-- Header 2 (矩形) -->
      <div id="u396" class="ax_default _文本段落" data-label="Header 2">
        <div id="u396_div" class=""></div>
        <div id="u396_text" class="text ">
          <p><span>100%</span></p>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u397" class="ax_default" data-left="485" data-top="54" data-width="308" data-height="24">

        <!-- Unnamed (矩形) -->
        <div id="u398" class="ax_default _形状">
          <div id="u398_div" class=""></div>
          <div id="u398_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u399" class="ax_default" data-left="491" data-top="63" data-width="37" data-height="5">

          <!-- Unnamed (矩形) -->
          <div id="u400" class="ax_default _形状">
            <img id="u400_img" class="img " src="images/1_1天气/u18.svg"/>
            <div id="u400_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u401" class="ax_default _形状">
            <img id="u401_img" class="img " src="images/1_1天气/u18.svg"/>
            <div id="u401_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u402" class="ax_default _形状">
            <img id="u402_img" class="img " src="images/1_1天气/u18.svg"/>
            <div id="u402_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u403" class="ax_default _形状">
            <img id="u403_img" class="img " src="images/1_1天气/u18.svg"/>
            <div id="u403_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u404" class="ax_default _形状">
            <img id="u404_img" class="img " src="images/1_1天气/u18.svg"/>
            <div id="u404_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u405" class="ax_default" data-left="762" data-top="61" data-width="25" data-height="10">

          <!-- Unnamed (矩形) -->
          <div id="u406" class="ax_default _形状">
            <div id="u406_div" class=""></div>
            <div id="u406_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u407" class="ax_default _形状">
            <div id="u407_div" class=""></div>
            <div id="u407_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u408" class="ax_default _形状">
            <div id="u408_div" class=""></div>
            <div id="u408_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>
        </div>
      </div>

      <!-- Header 2 (矩形) -->
      <div id="u409" class="ax_default _文本段落" data-label="Header 2">
        <div id="u409_div" class=""></div>
        <div id="u409_text" class="text ">
          <p><span>MUX</span></p>
        </div>
      </div>

      <!-- Header 2 (矩形) -->
      <div id="u410" class="ax_default _文本段落" data-label="Header 2">
        <div id="u410_div" class=""></div>
        <div id="u410_text" class="text ">
          <p><span>10:30 PM</span></p>
        </div>
      </div>

      <!-- Header 2 (矩形) -->
      <div id="u411" class="ax_default _文本段落" data-label="Header 2">
        <div id="u411_div" class=""></div>
        <div id="u411_text" class="text ">
          <p><span>100%</span></p>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u412" class="ax_default" data-left="0" data-top="54" data-width="308" data-height="24">

        <!-- Unnamed (矩形) -->
        <div id="u413" class="ax_default _形状">
          <div id="u413_div" class=""></div>
          <div id="u413_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u414" class="ax_default" data-left="6" data-top="63" data-width="37" data-height="5">

          <!-- Unnamed (矩形) -->
          <div id="u415" class="ax_default _形状">
            <img id="u415_img" class="img " src="images/1_1天气/u18.svg"/>
            <div id="u415_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u416" class="ax_default _形状">
            <img id="u416_img" class="img " src="images/1_1天气/u18.svg"/>
            <div id="u416_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u417" class="ax_default _形状">
            <img id="u417_img" class="img " src="images/1_1天气/u18.svg"/>
            <div id="u417_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u418" class="ax_default _形状">
            <img id="u418_img" class="img " src="images/1_1天气/u18.svg"/>
            <div id="u418_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u419" class="ax_default _形状">
            <img id="u419_img" class="img " src="images/1_1天气/u18.svg"/>
            <div id="u419_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u420" class="ax_default" data-left="277" data-top="61" data-width="25" data-height="10">

          <!-- Unnamed (矩形) -->
          <div id="u421" class="ax_default _形状">
            <div id="u421_div" class=""></div>
            <div id="u421_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u422" class="ax_default _形状">
            <div id="u422_div" class=""></div>
            <div id="u422_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u423" class="ax_default _形状">
            <div id="u423_div" class=""></div>
            <div id="u423_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>
        </div>
      </div>

      <!-- Header 2 (矩形) -->
      <div id="u424" class="ax_default _文本段落" data-label="Header 2">
        <div id="u424_div" class=""></div>
        <div id="u424_text" class="text ">
          <p><span>MUX</span></p>
        </div>
      </div>

      <!-- Header 2 (矩形) -->
      <div id="u425" class="ax_default _文本段落" data-label="Header 2">
        <div id="u425_div" class=""></div>
        <div id="u425_text" class="text ">
          <p><span>10:30 PM</span></p>
        </div>
      </div>

      <!-- Header 2 (矩形) -->
      <div id="u426" class="ax_default _文本段落" data-label="Header 2">
        <div id="u426_div" class=""></div>
        <div id="u426_text" class="text ">
          <p><span>100%</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u427" class="ax_default _文本段落">
        <div id="u427_div" class=""></div>
        <div id="u427_text" class="text ">
          <p><span>1.点击&quot;播放方式&quot;按钮会弹出一个【闹钟-播放方式】</span></p><p><span>的窗口</span></p>
        </div>
      </div>

      <!-- Rectangle (矩形) -->
      <div id="u428" class="ax_default _形状" data-label="Rectangle">
        <div id="u428_div" class=""></div>
        <div id="u428_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Rectangle (矩形) -->
      <div id="u429" class="ax_default _形状" data-label="Rectangle">
        <div id="u429_div" class=""></div>
        <div id="u429_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Rectangle (矩形) -->
      <div id="u430" class="ax_default _形状" data-label="Rectangle">
        <div id="u430_div" class=""></div>
        <div id="u430_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Rectangle (矩形) -->
      <div id="u431" class="ax_default _形状" data-label="Rectangle">
        <div id="u431_div" class=""></div>
        <div id="u431_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Rectangle (矩形) -->
      <div id="u432" class="ax_default _形状" data-label="Rectangle">
        <div id="u432_div" class=""></div>
        <div id="u432_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u433" class="ax_default" data-left="1766" data-top="54" data-width="308" data-height="24">

        <!-- Unnamed (矩形) -->
        <div id="u434" class="ax_default _形状">
          <div id="u434_div" class=""></div>
          <div id="u434_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u435" class="ax_default" data-left="1772" data-top="63" data-width="37" data-height="5">

          <!-- Unnamed (矩形) -->
          <div id="u436" class="ax_default _形状">
            <img id="u436_img" class="img " src="images/1_1天气/u18.svg"/>
            <div id="u436_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u437" class="ax_default _形状">
            <img id="u437_img" class="img " src="images/1_1天气/u18.svg"/>
            <div id="u437_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u438" class="ax_default _形状">
            <img id="u438_img" class="img " src="images/1_1天气/u18.svg"/>
            <div id="u438_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u439" class="ax_default _形状">
            <img id="u439_img" class="img " src="images/1_1天气/u18.svg"/>
            <div id="u439_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u440" class="ax_default _形状">
            <img id="u440_img" class="img " src="images/1_1天气/u18.svg"/>
            <div id="u440_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u441" class="ax_default" data-left="2043" data-top="61" data-width="25" data-height="10">

          <!-- Unnamed (矩形) -->
          <div id="u442" class="ax_default _形状">
            <div id="u442_div" class=""></div>
            <div id="u442_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u443" class="ax_default _形状">
            <div id="u443_div" class=""></div>
            <div id="u443_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u444" class="ax_default _形状">
            <div id="u444_div" class=""></div>
            <div id="u444_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>
        </div>
      </div>

      <!-- Header 2 (矩形) -->
      <div id="u445" class="ax_default _文本段落" data-label="Header 2">
        <div id="u445_div" class=""></div>
        <div id="u445_text" class="text ">
          <p><span>MUX</span></p>
        </div>
      </div>

      <!-- Header 2 (矩形) -->
      <div id="u446" class="ax_default _文本段落" data-label="Header 2">
        <div id="u446_div" class=""></div>
        <div id="u446_text" class="text ">
          <p><span>10:30 PM</span></p>
        </div>
      </div>

      <!-- Header 2 (矩形) -->
      <div id="u447" class="ax_default _文本段落" data-label="Header 2">
        <div id="u447_div" class=""></div>
        <div id="u447_text" class="text ">
          <p><span>100%</span></p>
        </div>
      </div>

      <!-- Unnamed (图片 ) -->
      <div id="u448" class="ax_default image">
        <img id="u448_img" class="img " src="images/2_1闹钟设定/u160.png"/>
        <div id="u448_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (图片 ) -->
      <div id="u449" class="ax_default image">
        <img id="u449_img" class="img " src="images/2_1闹钟设定/u161.png"/>
        <div id="u449_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (图片 ) -->
      <div id="u450" class="ax_default image">
        <img id="u450_img" class="img " src="images/2_1闹钟设定/u162.png"/>
        <div id="u450_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (图片 ) -->
      <div id="u451" class="ax_default image">
        <img id="u451_img" class="img " src="images/2_1闹钟设定/u163.png"/>
        <div id="u451_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u452" class="ax_default _三级标题">
        <div id="u452_div" class=""></div>
        <div id="u452_text" class="text ">
          <p><span>播放方式</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u453" class="ax_default _文本段落">
        <div id="u453_div" class=""></div>
        <div id="u453_text" class="text ">
          <p><span>提醒方式</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u454" class="ax_default _文本段落">
        <div id="u454_div" class=""></div>
        <div id="u454_text" class="text ">
          <p><span>铃声</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u455" class="ax_default _一级标题">
        <div id="u455_div" class=""></div>
        <div id="u455_text" class="text ">
          <p><span>标签</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u456" class="ax_default _三级标题">
        <div id="u456_div" class=""></div>
        <div id="u456_text" class="text ">
          <p><span>添加闹钟</span></p>
        </div>
      </div>

      <!-- Unnamed (图片 ) -->
      <div id="u457" class="ax_default image">
        <img id="u457_img" class="img " src="images/1_1天气/u127.png"/>
        <div id="u457_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (图片 ) -->
      <div id="u458" class="ax_default image">
        <img id="u458_img" class="img " src="images/2_1闹钟设定/u170.png"/>
        <div id="u458_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (图片 ) -->
      <div id="u459" class="ax_default image">
        <img id="u459_img" class="img " src="images/2_1闹钟设定/u170.png"/>
        <div id="u459_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (图片 ) -->
      <div id="u460" class="ax_default image">
        <img id="u460_img" class="img " src="images/2_1闹钟设定/u170.png"/>
        <div id="u460_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (图片 ) -->
      <div id="u461" class="ax_default image">
        <img id="u461_img" class="img " src="images/2_1闹钟设定/u170.png"/>
        <div id="u461_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u462" class="ax_default label">
        <div id="u462_div" class=""></div>
        <div id="u462_text" class="text ">
          <p><span>Blueming</span></p>
        </div>
      </div>

      <!-- Unnamed (图片 ) -->
      <div id="u463" class="ax_default image">
        <img id="u463_img" class="img " src="images/2_1闹钟设定/u175.png"/>
        <div id="u463_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (线段) -->
      <div id="u464" class="ax_default line">
        <img id="u464_img" class="img " src="images/1_1天气/u62.svg"/>
        <div id="u464_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (线段) -->
      <div id="u465" class="ax_default line">
        <img id="u465_img" class="img " src="images/1_1天气/u62.svg"/>
        <div id="u465_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u466" class="ax_default _一级标题">
        <div id="u466_div" class=""></div>
        <div id="u466_text" class="text ">
          <p><span style="font-family:'Arial Negreta', 'Arial Normal', 'Arial', sans-serif;font-weight:700;">15</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u467" class="ax_default _一级标题">
        <div id="u467_div" class=""></div>
        <div id="u467_text" class="text ">
          <p><span>37</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u468" class="ax_default _一级标题">
        <div id="u468_div" class=""></div>
        <div id="u468_text" class="text ">
          <p><span>14</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u469" class="ax_default _一级标题">
        <div id="u469_div" class=""></div>
        <div id="u469_text" class="text ">
          <p><span>36</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u470" class="ax_default _一级标题">
        <div id="u470_div" class=""></div>
        <div id="u470_text" class="text ">
          <p><span>16</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u471" class="ax_default _一级标题">
        <div id="u471_div" class=""></div>
        <div id="u471_text" class="text ">
          <p><span>38</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u472" class="ax_default _一级标题">
        <div id="u472_div" class=""></div>
        <div id="u472_text" class="text ">
          <p><span>13</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u473" class="ax_default _一级标题">
        <div id="u473_div" class=""></div>
        <div id="u473_text" class="text ">
          <p><span>35</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u474" class="ax_default _一级标题">
        <div id="u474_div" class=""></div>
        <div id="u474_text" class="text ">
          <p><span>17</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u475" class="ax_default _一级标题">
        <div id="u475_div" class=""></div>
        <div id="u475_text" class="text ">
          <p><span>39</span></p>
        </div>
      </div>

      <!-- Unnamed (图片 ) -->
      <div id="u476" class="ax_default image">
        <img id="u476_img" class="img " src="images/1_1天气/u124.png"/>
        <div id="u476_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u477" class="ax_default" data-left="1092" data-top="567" data-width="279" data-height="7">

        <!-- Unnamed (线段) -->
        <div id="u478" class="compound ax_default _水平线" data-height="1" data-width="274" CompoundMode="true">
          <img id="u478_img" class="singleImg img " src="images/2_2播放方式/u478.svg"/>
          <div id="u478p000" class="ax_vector_shape" WidgetTopLeftX="-0.489285714285714" WidgetTopLeftY="0" WidgetTopRightX="0.489285714285714" WidgetTopRightY="0" WidgetBottomLeftX="-0.489285714285714" WidgetBottomLeftY="0.166666666666667" WidgetBottomRightX="0.489285714285714" WidgetBottomRightY="0.166666666666667">
            <img id="u478p000_img" class="img " src="images/2_2播放方式/u478p000.svg"/>
          </div>
          <div id="u478p001" class="ax_vector_shape" WidgetTopLeftX="-0.25" WidgetTopLeftY="-0.25" WidgetTopRightX="68.25" WidgetTopRightY="-0.25" WidgetBottomLeftX="-0.25" WidgetBottomLeftY="0" WidgetBottomRightX="68.25" WidgetBottomRightY="0">
            <img id="u478p001_img" class="img " src="images/2_2播放方式/u478p001.svg"/>
          </div>
          <div id="u478p002" class="ax_vector_shape" WidgetTopLeftX="12.2727272727273" WidgetTopLeftY="0.05" WidgetTopRightX="-0.181818181818182" WidgetTopRightY="0.05" WidgetBottomLeftX="12.2727272727273" WidgetBottomLeftY="0" WidgetBottomRightX="-0.181818181818182" WidgetBottomRightY="0">
            <img id="u478p002_img" class="img " src="images/2_2播放方式/u478p002.svg"/>
          </div>
          <div id="u478_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u479" class="ax_default _形状">
          <div id="u479_div" class=""></div>
          <div id="u479_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u480" class="ax_default primary_button">
        <div id="u480_div" class=""></div>
        <div id="u480_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u481" class="ax_default _三级标题">
        <div id="u481_div" class=""></div>
        <div id="u481_text" class="text ">
          <p><span>播放方式</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u482" class="ax_default label">
        <div id="u482_div" class=""></div>
        <div id="u482_text" class="text ">
          <p><span>5分钟</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u483" class="ax_default label">
        <div id="u483_div" class=""></div>
        <div id="u483_text" class="text ">
          <p><span>10分钟</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u484" class="ax_default label">
        <div id="u484_div" class=""></div>
        <div id="u484_text" class="text ">
          <p><span>15分钟</span></p>
        </div>
      </div>

      <!-- Unnamed (线段) -->
      <div id="u485" class="ax_default line">
        <img id="u485_img" class="img " src="images/2_2播放方式/u485.svg"/>
        <div id="u485_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (线段) -->
      <div id="u486" class="ax_default line">
        <img id="u486_img" class="img " src="images/2_2播放方式/u485.svg"/>
        <div id="u486_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u487" class="ax_default _形状">
        <div id="u487_div" class=""></div>
        <div id="u487_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u488" class="ax_default _形状">
        <div id="u488_div" class=""></div>
        <div id="u488_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u489" class="ax_default _形状">
        <div id="u489_div" class=""></div>
        <div id="u489_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (线段) -->
      <div id="u490" class="ax_default line">
        <img id="u490_img" class="img " src="images/2_2播放方式/u485.svg"/>
        <div id="u490_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u491" class="ax_default label">
        <div id="u491_div" class=""></div>
        <div id="u491_text" class="text ">
          <p><span>30分钟</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u492" class="ax_default _形状">
        <div id="u492_div" class=""></div>
        <div id="u492_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u493" class="ax_default _一级标题">
        <div id="u493_div" class=""></div>
        <div id="u493_text" class="text ">
          <p><span>闹钟-添加闹钟</span></p>
        </div>
      </div>

      <!-- Rectangle (矩形) -->
      <div id="u494" class="ax_default _形状" data-label="Rectangle">
        <div id="u494_div" class=""></div>
        <div id="u494_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Rectangle (矩形) -->
      <div id="u495" class="ax_default _形状" data-label="Rectangle">
        <div id="u495_div" class=""></div>
        <div id="u495_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Rectangle (矩形) -->
      <div id="u496" class="ax_default _形状" data-label="Rectangle">
        <div id="u496_div" class=""></div>
        <div id="u496_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Rectangle (矩形) -->
      <div id="u497" class="ax_default _形状" data-label="Rectangle">
        <div id="u497_div" class=""></div>
        <div id="u497_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Rectangle (矩形) -->
      <div id="u498" class="ax_default _形状" data-label="Rectangle">
        <div id="u498_div" class=""></div>
        <div id="u498_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u499" class="ax_default" data-left="1371" data-top="54" data-width="308" data-height="24">

        <!-- Unnamed (矩形) -->
        <div id="u500" class="ax_default _形状">
          <div id="u500_div" class=""></div>
          <div id="u500_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u501" class="ax_default" data-left="1377" data-top="63" data-width="37" data-height="5">

          <!-- Unnamed (矩形) -->
          <div id="u502" class="ax_default _形状">
            <img id="u502_img" class="img " src="images/1_1天气/u18.svg"/>
            <div id="u502_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u503" class="ax_default _形状">
            <img id="u503_img" class="img " src="images/1_1天气/u18.svg"/>
            <div id="u503_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u504" class="ax_default _形状">
            <img id="u504_img" class="img " src="images/1_1天气/u18.svg"/>
            <div id="u504_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u505" class="ax_default _形状">
            <img id="u505_img" class="img " src="images/1_1天气/u18.svg"/>
            <div id="u505_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u506" class="ax_default _形状">
            <img id="u506_img" class="img " src="images/1_1天气/u18.svg"/>
            <div id="u506_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u507" class="ax_default" data-left="1648" data-top="61" data-width="25" data-height="10">

          <!-- Unnamed (矩形) -->
          <div id="u508" class="ax_default _形状">
            <div id="u508_div" class=""></div>
            <div id="u508_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u509" class="ax_default _形状">
            <div id="u509_div" class=""></div>
            <div id="u509_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u510" class="ax_default _形状">
            <div id="u510_div" class=""></div>
            <div id="u510_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>
        </div>
      </div>

      <!-- Header 2 (矩形) -->
      <div id="u511" class="ax_default _文本段落" data-label="Header 2">
        <div id="u511_div" class=""></div>
        <div id="u511_text" class="text ">
          <p><span>MUX</span></p>
        </div>
      </div>

      <!-- Header 2 (矩形) -->
      <div id="u512" class="ax_default _文本段落" data-label="Header 2">
        <div id="u512_div" class=""></div>
        <div id="u512_text" class="text ">
          <p><span>10:30 PM</span></p>
        </div>
      </div>

      <!-- Header 2 (矩形) -->
      <div id="u513" class="ax_default _文本段落" data-label="Header 2">
        <div id="u513_div" class=""></div>
        <div id="u513_text" class="text ">
          <p><span>100%</span></p>
        </div>
      </div>

      <!-- Unnamed (图片 ) -->
      <div id="u514" class="ax_default image">
        <img id="u514_img" class="img " src="images/2_1闹钟设定/u160.png"/>
        <div id="u514_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (图片 ) -->
      <div id="u515" class="ax_default image">
        <img id="u515_img" class="img " src="images/2_1闹钟设定/u161.png"/>
        <div id="u515_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (图片 ) -->
      <div id="u516" class="ax_default image">
        <img id="u516_img" class="img " src="images/2_1闹钟设定/u162.png"/>
        <div id="u516_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (图片 ) -->
      <div id="u517" class="ax_default image">
        <img id="u517_img" class="img " src="images/2_1闹钟设定/u163.png"/>
        <div id="u517_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u518" class="ax_default _三级标题">
        <div id="u518_div" class=""></div>
        <div id="u518_text" class="text ">
          <p><span>播放方式</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u519" class="ax_default _文本段落">
        <div id="u519_div" class=""></div>
        <div id="u519_text" class="text ">
          <p><span>提醒方式</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u520" class="ax_default _文本段落">
        <div id="u520_div" class=""></div>
        <div id="u520_text" class="text ">
          <p><span>铃声</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u521" class="ax_default _一级标题">
        <div id="u521_div" class=""></div>
        <div id="u521_text" class="text ">
          <p><span>标签</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u522" class="ax_default _三级标题">
        <div id="u522_div" class=""></div>
        <div id="u522_text" class="text ">
          <p><span>添加闹钟</span></p>
        </div>
      </div>

      <!-- Unnamed (图片 ) -->
      <div id="u523" class="ax_default image">
        <img id="u523_img" class="img " src="images/1_1天气/u127.png"/>
        <div id="u523_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (图片 ) -->
      <div id="u524" class="ax_default image">
        <img id="u524_img" class="img " src="images/2_1闹钟设定/u170.png"/>
        <div id="u524_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (图片 ) -->
      <div id="u525" class="ax_default image">
        <img id="u525_img" class="img " src="images/2_1闹钟设定/u170.png"/>
        <div id="u525_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (图片 ) -->
      <div id="u526" class="ax_default image">
        <img id="u526_img" class="img " src="images/2_1闹钟设定/u170.png"/>
        <div id="u526_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (图片 ) -->
      <div id="u527" class="ax_default image">
        <img id="u527_img" class="img " src="images/2_1闹钟设定/u170.png"/>
        <div id="u527_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u528" class="ax_default label">
        <div id="u528_div" class=""></div>
        <div id="u528_text" class="text ">
          <p><span>Blueming</span></p>
        </div>
      </div>

      <!-- Unnamed (图片 ) -->
      <div id="u529" class="ax_default image">
        <img id="u529_img" class="img " src="images/2_1闹钟设定/u175.png"/>
        <div id="u529_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (线段) -->
      <div id="u530" class="ax_default line">
        <img id="u530_img" class="img " src="images/1_1天气/u62.svg"/>
        <div id="u530_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (线段) -->
      <div id="u531" class="ax_default line">
        <img id="u531_img" class="img " src="images/1_1天气/u62.svg"/>
        <div id="u531_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u532" class="ax_default _一级标题">
        <div id="u532_div" class=""></div>
        <div id="u532_text" class="text ">
          <p><span style="font-family:'Arial Negreta', 'Arial Normal', 'Arial', sans-serif;font-weight:700;">15</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u533" class="ax_default _一级标题">
        <div id="u533_div" class=""></div>
        <div id="u533_text" class="text ">
          <p><span>37</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u534" class="ax_default _一级标题">
        <div id="u534_div" class=""></div>
        <div id="u534_text" class="text ">
          <p><span>14</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u535" class="ax_default _一级标题">
        <div id="u535_div" class=""></div>
        <div id="u535_text" class="text ">
          <p><span>36</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u536" class="ax_default _一级标题">
        <div id="u536_div" class=""></div>
        <div id="u536_text" class="text ">
          <p><span>16</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u537" class="ax_default _一级标题">
        <div id="u537_div" class=""></div>
        <div id="u537_text" class="text ">
          <p><span>38</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u538" class="ax_default _一级标题">
        <div id="u538_div" class=""></div>
        <div id="u538_text" class="text ">
          <p><span>13</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u539" class="ax_default _一级标题">
        <div id="u539_div" class=""></div>
        <div id="u539_text" class="text ">
          <p><span>35</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u540" class="ax_default _一级标题">
        <div id="u540_div" class=""></div>
        <div id="u540_text" class="text ">
          <p><span>17</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u541" class="ax_default _一级标题">
        <div id="u541_div" class=""></div>
        <div id="u541_text" class="text ">
          <p><span>39</span></p>
        </div>
      </div>

      <!-- Unnamed (图片 ) -->
      <div id="u542" class="ax_default image">
        <img id="u542_img" class="img " src="images/1_1天气/u124.png"/>
        <div id="u542_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u543" class="ax_default _文本段落">
        <div id="u543_div" class=""></div>
        <div id="u543_text" class="text ">
          <p><span>1.总共有四种播放方式：5分钟，10分钟，15分钟，30分钟</span></p><p><span>2.当选中“5分钟”这个方式，会显示被选中的绿圈圈，反之则是灰圈圈</span></p><p><span><br></span></p><p><span>3.设定完成后点击“确认”按钮，会返回【闹钟-首页】界面</span></p><p><span><br></span></p><p><span><br></span></p><p><span><br></span></p>
        </div>
      </div>

      <!-- Unnamed (连接) -->
      <div id="u544" class="ax_default _连接线">
        <img id="u544_seg0" class="img " src="images/2_2播放方式/u544_seg0.svg" alt="u544_seg0"/>
        <img id="u544_seg1" class="img " src="images/2_2播放方式/u544_seg1.svg" alt="u544_seg1"/>
        <img id="u544_seg2" class="img " src="images/2_2播放方式/u544_seg2.svg" alt="u544_seg2"/>
        <img id="u544_seg3" class="img " src="images/2_2播放方式/u544_seg3.svg" alt="u544_seg3"/>
        <div id="u544_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (连接) -->
      <div id="u545" class="ax_default _连接线">
        <img id="u545_seg0" class="img " src="images/2_2播放方式/u545_seg0.svg" alt="u545_seg0"/>
        <img id="u545_seg1" class="img " src="images/2_2播放方式/u545_seg1.svg" alt="u545_seg1"/>
        <img id="u545_seg2" class="img " src="images/2_2播放方式/u545_seg2.svg" alt="u545_seg2"/>
        <div id="u545_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>
    </div>
    <script src="resources/scripts/axure/ios.js"></script>
  </body>
</html>
